<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/statics/css/sapar.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/statics/css/common.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath }/statics/css/bootstrap.min.css" />
<script type="text/javascript"
	src="${pageContext.request.contextPath }/statics/js/jquery.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/statics/js/sapar.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/statics/js/WdatePicker.js"></script>
<script type="text/javascript">
	$('select').iSelect();
	$(function() {
		$('.modal').modal();
	});
</script>
<title>店铺分类</title>
</head>

<body>
	<div id="saper-container">
		<div id="saper-hd"></div>
		<div id="saper-bd">
			<div class="subfiled clearfix">
				<h2>店铺分类</h2>
			</div>
			<div id="saper-ft"></div>
		</div>
	</div>

	<!--弹出的模态框-->
	<div id="mymodal" class="modal fade">
		<!-- modal固定布局，上下左右都是0表示充满全屏，支持移动设备上使用触摸方式进行滚动。。-->
		<div class="modal-dialog modal-lg">
			<!-- modal-dialog默认相对定位，自适应宽度，大于768px时宽度600，居中-->
			<div class="modal-content">
				<!-- modal-content模态框的边框、边距、背景色、阴影效果。-->
				<div class="modal-header">
					<button class="close" data-dismiss="modal">&times;</button>
					<center>
						<h3 class="modal-title">添加店铺分类</h3>
					</center>
				</div>
				<div class="media-body">
					<div class="addjiejidan">
						<center>
							<div style="float: left;">
								<form action="" method="post">
									<table>
										<tr>
											<td>
												<div class="tab-content-item">
													<!--表格开始-->
													<div class="table">
														<!--表格具体内容-->
														<!--表格开始-->
														<div class="table">
															<!--表格具体内容-->
															<div class="table-box" style="position: absolute;left: 80px">
																<table>
																	<thead>
																		<tr>
																			<th width="20px" height="20px"><input
																				type="checkbox" onchange="allCheck" /></th>
																			<th>编号</th>
																			<!--<th>客户分类</th> -->
																			<th>类别名称</th>
																			<th>备注</th>
																			<!-- <th>操作</th> -->
																		</tr>
																	</thead>
																	<tbody>
																		<tr>
																			<td width="20px" height="20px"><input
																				type="checkbox" name="idbox" id="idbox"
																				value="${lists.customer_id}" /></td>
																			<td>1</td>
																			<td>主店</td>
																			<td>我是主店</td>
																		</tr>
																		<tr>
																			<td width="20px" height="20px"><input
																				type="checkbox" name="idbox" id="idbox"
																				value="${lists.customer_id}" /></td>
																			<td>2</td>
																			<td>分店1</td>
																			<td>我是分店1</td>
																		</tr>
																	</tbody>
																</table>
															</div>
														</div>
														<!--表格结束-->
													</div>
												</div>
											</td>
										</tr>
									</table>
								</form>
							</div>

							<div style="position: relative;left: 180px">
								<form action="" method="post" enctype="multipart/form-data">
									<table bordercolor="lightgray" border="2">
										<tr align="right">
											<td>店铺类型名称</td>
											<td><input type="text" class="form-control" /></td>
										</tr>
										<tr>
											<td>状态</td>
											<td><select class="form-control">
													<option value="-1">请选择</option>
													<option value="0">启用</option>
													<option value="1">禁用</option>
											</select></td>
										</tr>
										<tr>
											<td>备注</td>
											<td rowspan="2" colspan="5"><textarea
													class="form-control">
										</textarea></td>
										</tr>
									</table>
								</form>
							</div>
						</center>
					</div>
				</div>
				<div class="modal-footer">
					<a href="" class="btn btn-primary">修改</a> 
					<a href="" class="btn btn-primary">删除</a>
					<button class="btn btn-primary">保存</button>
					<button class="btn btn-default" data-dismiss="modal">关闭</button>
				</div>

			</div>
		</div>
	</div>	<script type="text/javascript"
		src='${pageContext.request.contextPath }/statics/js/jquery-1.12.4.js'></script>
	<script type="text/javascript"
		src='${pageContext.request.contextPath }/statics/js/bootstrap.js'></script>
	<script type="text/javascript">
		$('select').iSelect();
	</script>
</body>
</html>